import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path'
// import { less } from 'vite-plugin-less'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // less({
    //   // 配置less选项
    //   lessOptions: {
    //     modifyVars: {}, // 如果你的项目中有自定义的 Less 变量，请在这里设置
    //     javascriptEnabled: true // 允许在 Less 中使用 JavaScript 表达式
    //   }
    // }),
    Components({
      resolvers: [ElementPlusResolver()]
    }),
    AutoImport({
      // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
      imports: ['vue'],
      // 自动导入 ElementPlus 组件
      resolvers: [ElementPlusResolver()]
    })
  ],
  css: {
    preprocessorOptions: {
      less: {
        // 同样也可以在这里添加全局变量和混入等配置
      }
    }
  },
  build: {
    // 如果需要支持IE浏览器，可以添加以下配置（需要同时安装 less-plugin-clean-css）
    minify: 'terser',
    terserOptions: {
      safari10: true
    },
    assetsInlineLimit: 0
  },

  resolve: {
    alias: {
      '@': resolve(__dirname, './src')
    }
  },
  server: {
    host: '0.0.0.0',
    post: 5173,
    proxy: {
      '/api': {
        target: 'http://43.136.166.102:8090',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
        open: true
      }
    }
  }
})
